﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>@ViewBag.Title</title>
    <!-- **Favicon** -->
    <link href="/favicon.ico" rel="shortcut icon" type="/image/x-icon" />
    <!-- **CSS - stylesheets** -->
    <link id="default-css" href="/style.css" rel="stylesheet" type="text/css" media="all" />
    <link id="skin-css" href="/skins/blue.css" rel="stylesheet" type="text/css" media="all" />
    <link id="responsive-css" href="/responsive.css" rel="stylesheet" type="text/css"
        media="all" />
    <!-- mobile setting -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <!--[if lt IE 9]>
	<link rel="stylesheet" type="text/css" href="css/ie8-and-down.css" />
<![endif]-->
    <!-- **Google Fonts** -->
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet'
        type='text/css' />
    <!-- **jQuery** -->
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/jquery.tabs.min.js"></script>
    <script type="text/javascript" src="/js/jquery.jcarousel.min.js"></script>
    <script type="text/javascript" src="/js/tinynav.min.js"></script>
    <script type="text/javascript" src="/js/ultimate-custom.js"></script>
    <script type="text/javascript" src="/js/jquery.tweet.js" charset="utf-8"></script>
    <script type="text/javascript">
        jQuery(function ($) {
            $(".tweets").tweet({
                join_text: "auto",
                username: "itdaynews",
                count: 3,
                loading_text: "loading tweets..."
            });
        });
    </script>
    <link href="/css/layerslider.css" rel="stylesheet" type="text/css" media="all" />
    <script src="/js/jquery-easing-1.3.js" type="text/javascript"></script>
    <script src="/js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#layerslider').layerSlider({
                skinsPath: '/images/layer-skins/',
                skin: 'fullwidth',
                thumbnailNavigation: 'hover',
                hoverPrevNext: false,
                responsive: false,
                responsiveUnder: 940,
                sublayerContainer: 900
            });
        });		
    </script>
    <!-- Pretty Photo -->
    <link rel="stylesheet" href="/css/prettyPhoto.css" type="text/css" media="screen"
        title="prettyPhoto main stylesheet" charset="utf-8" />
    <script src="/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
        jQuery(document).ready(function ($) {
            $(".gallery a[rel^='prettyPhoto']").prettyPhoto({ animation_speed: 'normal', theme: 'light_square', slideshow: 3000, autoplay_slideshow: false, social_tools: false });
        });
    </script>
    <script type="text/javascript" src="/js/jquery.validate.min.js"></script>
    <script type="text/javascript" src="/js/sendmail.js"></script>
</head>
<body class="home">
    <!-- **Wrapper** -->
    <div id="wrapper">
        <!-- **Header** -->
        <div id="header">
            <div class="container">
                <!-- **Logo** -->
                <div id="logo">
                    <a href="index.html" title="">
                        <img src="/images/logo215.png" alt="" title="" />
                    </a>
                </div>
                <!-- **Logo - End** -->
                <div class="float-right">
                    <!-- **Social icons** -->
                    <div class="social-icons">
                        <a href="" title="" class="facebook"></a><a href="" title="" class="twitter"></a>
                        <a href="" title="" class="youtube"></a><a href="" title="" class="flickr"></a><a
                            href="" title="" class="google"></a><a href="" title="" class="yahoo"></a><a href=""
                                title="" class="linkedin"></a>
                    </div>
                    <!-- **Social icons** -->
                    <!-- **Searchform** -->
                    <form action="#" id="searchform" method="get">
                    <fieldset>
                        <input name="Search" type="text" onblur="this.value=(this.value=='') ? 'Enter Keyword' : this.value;"
                            onfocus="this.value=(this.value=='Enter Keyword') ? '' : this.value;" value="Enter Keyword"
                            alt="Search our site" class="text_input" />
                        <input name="submit" type="submit" value="" />
                    </fieldset>
                    </form>
                    <!-- **Searchform - End** -->
                </div>
            </div>
        </div>
        <!-- **Header - End** -->
        <!-- **Top-Menu** -->
        <div id="top-menu">
            <div class="container">
                <ul class="menu">
                    <li class="home current_page_item"><span class="hoverL"><span class="hoverR"></span>
                    </span><a href="index.html" title="">Home </a>
                        <ul>
                            <li><a href="index-v2.html" title="">Home - Multi Purpose </a></li>
                            <li><a href="index-v3.html" title="">Home - Portfolio </a></li>
                            <li><a href="index-v4.html" title="">Home - Blog </a></li>
                            <li><a href="index.html" title="">Home - Business </a></li>
                        </ul>
                    </li>
                    <li><span class="hoverL"><span class="hoverR"></span></span><a href="slider-nivo.html"
                        title="">Services </a>
                        <ul>
                            <li><a href="slider-nivo.html" title="">Nivo Slider </a></li>
                            <li><a href="slider-anything.html" title="">Anything Slider </a></li>
                            <li><a href="slider-touch.html" title="">Touch Slider </a></li>
                            <li><a href="slider-layer.html" title="">Layer Slider </a></li>
                            <li><a href="slider-cycle.html" title="">Cycle Slider </a></li>
                        </ul>
                    </li>
                    @*<li> <span class="hoverL"> <span class="hoverR"> </span> </span> <a href="features-html-elements.html" title=""> Portfolio </a> 
                    <ul>
                    	<li> <a href="features-html-elements.html" title=""> Useful HTML Elements </a> </li>
                        <li> <a href="features-home-page-layouts.html" title=""> 4 Home Page Layouts </a> </li>
                        <li> <a href="features-sliders.html" title=""> 5 Sliders </a> </li>
                        <li> <a href="features-portfolio-style.html" title=""> Multiple Portfolio Style </a> </li>
                        <li> <a href="features-blog-style.html" title=""> Multiple Blog Style </a> </li>
                        <li> <a href="features-contact-page.html" title=""> 2 Contact Page Layouts </a> </li>
                        <li> <a href="features-menu-style.html" title=""> 2 Different Menu Style </a> </li>
                        <li> <a href="features-pricing-tables.html" title=""> Pricing Tables </a> </li>
                        <li> <a href="features-google-fonts.html" title=""> Google Fonts </a> </li>
                        <li> <a href="features-color-customization.html" title=""> Easy Color Customization </a> </li>
                        <li> <a href="features-responsive-design.html" title=""> Responsive Design  </a> </li>
                        <li> <a href="features-psd-files.html" title=""> 29 PSD files </a> </li>
                    </ul>                
                </li>*@
                    <li><span class="hoverL"><span class="hoverR"></span></span><a href="portfolio-three-column.html"
                                                                                   title="">Portfolio </a>
                        <ul>
                            <li><a href="portfolio-one-column.html" title="">One Column </a>
                                <ul>
                                    <li><a href="portfolio-one-column-with-right-sidebar.html" title="">1 Col With Right
                                            Sidebar </a></li>
                                    <li><a href="portfolio-one-column-with-left-sidebar.html" title="">1 Col With Left Sidebar
                                        </a></li>
                                    <li><a href="portfolio-one-column.html" title="">1 Col Without Sidebar </a></li>
                                </ul>
                            </li>
                            <li><a href="portfolio-twocolumn.html" title="">Two Column </a>
                                <ul>
                                    <li><a href="portfolio-twocolumn-with-right-sidebar.html" title="">2 Col With Right
                                            Sidebar </a></li>
                                    <li><a href="portfolio-twocolumn-with-left-sidebar.html" title="">2 Col With Left Sidebar
                                        </a></li>
                                    <li><a href="portfolio-twocolumn.html" title="">2 Col Without Sidebar </a></li>
                                </ul>
                            </li>
                            <li><a href="portfolio-three-column.html" title="">Three Column </a>
                                <ul>
                                    <li><a href="portfolio-threecolumn-with-right-sidebar.html" title="">3 Col With Right
                                            Sidebar </a></li>
                                    <li><a href="portfolio-threecolumn-with-left-sidebar.html" title="">3 Col With Left
                                            Sidebar </a></li>
                                    <li><a href="portfolio-three-column.html" title="">3 Col Without Sidebar </a></li>
                                </ul>
                            </li>
                            <li><a href="portfolio-single.html" title="">Portfolio Detail </a></li>
                        </ul>
                    </li>
                    <li><span class="hoverL"><span class="hoverR"></span></span><a href="blog-with-right-sidebar.html"
                        title="">About Us </a>
                        <ul>
                            <li><a href="blog-full-width.html" title="">Blog Full width </a></li>
                            <li><a href="blog-with-right-sidebar.html" title="">Blog With Right Sidebar </a>
                            </li>
                            <li><a href="blog-with-left-sidebar.html" title="">Blog With Left Sidebar </a></li>
                            <li><a href="blog-two-column.html" title="">Blog Two Column </a></li>
                            <li><a href="blog-single.html" title="">Blog Detail </a></li>
                        </ul>
                    </li>
                    <li><span class="hoverL"><span class="hoverR"></span></span><a href="typography.html"
                        title="">Career </a>
                        <ul>
                            <li><a href="typography.html" title="">Typography </a></li>
                            <li><a href="buttons.html" title="">Buttons </a></li>
                            <li><a href="tabs.html" title="">Tabs </a></li>
                            <li><a href="lists-tables.html" title="">Lists and Tables </a></li>
                            <li><a href="toggles-accordions.html" title="">Toggles and Accordions </a></li>
                        </ul>
                    </li>
                    
                    @*<li> <span class="hoverL"> <span class="hoverR"> </span> </span> <a href="about.html" title=""> Pages </a> 
                    <ul>
                        <li> <a href="about.html" title=""> Team </a> </li>
                        <li> <a href="404.html" title=""> 404 </a> </li>
                        <li> <a href="testimonials.html" title=""> Testimonials </a> </li>
                        <li> <a href="pricing-table.html" title=""> Pricing Tables </a> </li>
                        <li> <a href="features-html-elements.html" title=""> Side Navigation </a> </li>
                        <li> <a href="sitemap.html" title=""> Sitemap </a> </li>
                    </ul>                
                </li>*@
                    <li><span class="hoverL"><span class="hoverR"></span></span><a href="/home/contact"
                        title="">Contact </a>@*<ul>
                    	<li> <a href="contact" title=""> Contact - Layout 1 </a> </li>
                        <li> <a href="contact-v2.html" title=""> Contact - Layout 2 </a> </li>
                    </ul>*@ </li>
                </ul>
            </div>
        </div>
        <!-- **Top-Menu - End** -->
        <!-- **Main** -->
        @RenderBody()
        <!-- **Main - End**-->
        <!-- ** Footer** -->
        <div id="footer">
            <div class="footer-bg">
                <div class="container">
                    <!-- **Contact Us** -->
                    <div class="column one-fourth">
                        <div class="widget">
                            <h2 class="widgettitle">
                                Address
                            </h2>
                            <ul class="contact-details">
                                <li><span class="address"></span>
                                    <p>
                                        เลขที่ 56/105 ซอย สุขุมวิท 85 ถนน สุขุมวิท บางจาก<br />
                                        พระโขนง กรุงเทพ,
                                        <br />
                                        10260
                                    </p>
                                </li>
                                <li><span class="mail"></span>
                                    <p>
                                        <a href="" title="">digitalsale@reddot.co.th </a>
                                    </p>
                                </li>
                                <li><span class="phone"></span>
                                    <p>
                                        +6689 944 8088
                                    </p>
                                </li>
                                <li><span class="skype"></span>
                                    <p>
                                        reddotDigital
                                    </p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- **Contact Us - End** -->
                    <!-- **Tweetbox** -->
                    <div class="column one-fourth">
                        <div class="widget tweetbox">
                            <h2 class="widgettitle">
                                Recent Tweets
                            </h2>
                            <div class="tweets">
                            </div>
                        </div>
                    </div>
                    <!-- **Tweetbox - End** -->
                    <!-- **Testimonials** -->
                    <div class="column one-fourth">
                        <div class="widget">
                            <h2 class="widgettitle">
                                Client Testimonials
                            </h2>
                            <div class="testimonial-skin-carousel">
                                <ul class="testimonial-carousel">
                                    <li>
                                        <blockquote>
                                            <p>
                                                Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse congue convallis
                                                eros vitae tincidunt. Aliquam volutpat. Lorem ipsum dolor sit amet, consectetur
                                                adipiscing elit. Proin vulputate dolor sit amet nibh <span>
                                                    <img src="/images/post-images/testimonial.jpg" alt="" title="" />
                                                    Mary Jane
                                                    <br />
                                                    - Ellen Jane </span>
                                            </p>
                                        </blockquote>
                                    </li>
                                    <li>
                                        <blockquote>
                                            <p>
                                                Pellentesque eget est ligula. Nullam rutrum consequat purus sollicitudin vulputate.
                                                Nam rhoncus, erat non mollis pulvinar, tortor lacus convallis nunc. <span>
                                                    <img src="/images/post-images/testimonial.jpg" alt="" title="" />
                                                    Mary Jane
                                                    <br />
                                                    - Ellen Jane </span>
                                            </p>
                                        </blockquote>
                                    </li>
                                    <li>
                                        <blockquote>
                                            <p>
                                                Quisque in augue felis. Duis non orci nibh. Nullam vitae sem felis, non dictum augue.
                                                Mauris sed dolor sed magna egestas hendrerit. Nulla pulvinar tellus sed sapien consequat
                                                imperdiet. <span>
                                                    <img src="/images/post-images/testimonial.jpg" alt="" title="" />
                                                    Mary Jane
                                                    <br />
                                                    - Ellen Jane </span>
                                            </p>
                                        </blockquote>
                                    </li>
                                    <li>
                                        <blockquote>
                                            <p>
                                                Proin et massa odio, nec ullamcorper ante. Donec placerat sollicitudin luctus. Nam
                                                in volutpat lorem. Vivamus varius urna erat, eu placerat nunc. <span>
                                                    <img src="/images/post-images/testimonial.jpg" alt="" title="" />
                                                    Mary Jane
                                                    <br />
                                                    - Ellen Jane </span>
                                            </p>
                                        </blockquote>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- **Testimonials - End** -->
                    <!-- **Contact Form** -->
                    <div class="column one-fourth last">
                        <div class="widget tweetbox">
                            <h2 class="widgettitle">
                                ติดต่อเรา
                            </h2>
                            <div class="ajax_message">
                            </div>
                            <form class="sendmail" action="php/sendmail.php" method="get">
                            <p>
                                <label>
                                    ชื่อ *
                                </label>
                                <input name="name" type="text" />
                            </p>
                            <p>
                                <label>
                                    อีเมลล์ *
                                </label>
                                <input name="email" type="text" />
                            </p>
                            <p>
                                <label>
                                    เรื่องที่ติดต่อ
                                </label>
                                <input name="subject" type="text" />
                            </p>
                            <p>
                                <textarea name="message" cols="" rows=""></textarea>
                            </p>
                            <p>
                                <input name="submit" type="submit" value="Send Message" />
                            </p>
                            </form>
                            <div class="error-container" style="display: none;">
                                กรุณากรอกชื่อและอีเมลล์ครับ!
                            </div>
                        </div>
                    </div>
                    <!-- **Contact Form - End** -->
                </div>
            </div>
        </div>
        <!-- **Footer - End** -->
        <!-- **Footer Copyright** -->
        <div class="footer-copyright">
            <div class="container">
                <div class="copyright-content">
                    <ul>
                        <li><a href="index.html" title="">Home </a></li>
                        <li><a href="slider-nivo.html" title="">Sliders </a></li>
                        <li><a href="features-html-elements.html" title="">Features </a></li>
                        <li><a href="typography.html" title="">Styled Elements </a></li>
                        <li><a href="portfolio-three-column.html" title="">Portfolio </a></li>
                        <li><a href="blog-with-right-sidebar.html" title="">Blog </a></li>
                        <li><a href="about.html" title="">Pages </a></li>
                        <li><a href="contact.html" title="">Contact Us </a></li>
                    </ul>
                    <p>
                        &copy; iamdesigning | All Rights Reserved
                    </p>
                </div>
                @* <div class="footer-logo">
                <a href="index.html" title=""> <img src="/images/footer-logo.png" alt="" title="" /> </a> 
            </div>*@
            </div>
        </div>
        <!-- **Footer Copyright - End** -->
    </div>
    <!-- **Wrapper - End** -->
</body>
</html>
